import React from 'react'
import { PageHeaderWrapper } from '@ant-design/pro-layout'
import Chunk from '../components/chunk'

const dataList = [
    {
        title: "订单销售总金额（元）",
        value: "89",
    },
    {
        title: "平台订单抽成（元）",
        value: "804.98",
        jumpUrl: "",
    }
]

const storeList = [
    {
        title: "店铺结算总金额（元）",
        value: "15617.24",
        jumpUrl: "",
    },
    {
        title: "店铺入驻总费用（元）",
        value: "23100.00",
        jumpUrl: "",
    },
    {
        title: "店铺总保证金（元）",
        value: "11500.00",
        jumpUrl: "",
    },
    {
        title: "已提现金额 | 提现中金额（元）",
        value: "2561.00 | 1510.00",
        jumpUrl: "",
    },
    {
        title: "店铺总可用余额（元）",
        value: "11500.00",
        jumpUrl: "",
    }
]

const memberList = [
    {
        title: "会员可提现余额（元）",
        value: "102.00",
    },
    {
        title: "不可提现余额（元）",
        value: "673973",
        jumpUrl: "",
    }
]

export default () => {
    return (
        <PageHeaderWrapper title={false}>
            <Chunk navTitle="平台概况" dataList={dataList} />
            <div style={{ height: "20px" }} />
            <Chunk navTitle="店铺概况" dataList={storeList} />
            <div style={{ height: "20px" }} />
            <Chunk navTitle="会员概况" dataList={memberList} />
        </PageHeaderWrapper>
    )
}